<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>产品列表-猫先生</title>
    <link type="text/css" rel="stylesheet" href="../css/Product.css" />
</head>

<body style="width: 100%; height: 100%;margin: 0 auto;">
    <!-- 导航 -->
    <div class="Pro-topnav" style="width: 100%; height: 90px;">
        <div class="Pro-nav" style="width: 1200px; height: 50px; margin:20px auto;">
            <div class="Pro-logo" style="width: 200px; height: 50px;">
                <a href="#"><img src="http://placehold.it/250x90/000000/?text=250*90++++logo" alt="" style="margin-top: -20px;"></a>
            </div>
            <div class="Pro-navson" style="float: right;">
                <ul style="list-style: none;">
                    <li id="list_1"><a href="#" style="width: 130px;">垃圾分类首页</a></li>
                    <li id="list_2"><a href="#">资讯动态</a></li>
                    <li id="list_3" class="current">
                        <a href="../Product.html">硬件产品</a>
                        <ul style="list-style: none; display: none;">
                            <li><a href="Room.html">智能垃圾房</a></li>
                            <li><a href="Pavilion.html">智能分类亭</a></li>
                            <li><a href="Recycle.html">智能回收站</a></li>
                            <li><a href="Dustbin.html">智能垃圾箱</a></li>
                            <li><a href="Change.html">智能兑换机</a></li>
                        </ul>
                    </li>
                    <li id="list_4">
                        <a href="#">软件系统</a>
                        <ul style="list-style: none; display: none;">
                            <li><a href="#">华展环境云</a></li>
                            <li><a href="#">数据中心</a></li>
                            <li><a href="#">猫先生APP</a></li>
                            <li><a href="#">猫回收APP</a></li>
                        </ul>
                    </li>
                    <li id="list_5">
                        <a href="#">运营方案</a>
                        <ul style="list-style: none; display: none;">
                            <li><a href="#">规划设计</a></li>
                            <li><a href="#">宣导活动</a></li>
                            <li><a href="#">激励方案</a></li>
                            <li><a href="#">售后保障</a></li>
                        </ul>
                    </li>
                    <li id="list_6"><a href="#">代理加盟</a></li>
                    <li id="list_7"><a href="#">联系我们</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 图像展示 -->
    <div class="Pro-picture" style="width: 100%; height: 400px; margin-top: 90px;"></div>
    <!-- 产品列表 -->
    <div class="Pro-list" style="width: 100%; height: auto; padding: 100px 0;">
        <div class="Pro-listnav" style="padding: 0 0 50px 0;">
            <a href="../Product.html">全部产品<div class="line"></div></a>
            <a href="02.html"  class="current">智能垃圾房<div class="line"></div></a>
            <a href="03.html">智能分类亭<div class="line"></div></a>
            <a href="04.html">智能回收站<div class="line"></div></a>
            <a href="05.html">智能垃圾箱<div class="line"></div></a>
            <a href="06.html">智能兑换机<div class="line"></div></a>
        </div>
        <div class="Pro-content" style="width: 1200px; height: auto; margin: auto;">
            <ul style="width: auto; list-style: none;">
                <!-- <li style="width: 360px; height: 320px;  margin: 20px; border-radius: 10px; border: 0; ">
                    <a href="#" target="_blank">
                        <div class="img"><img src="http://placehold.it/348x245/" alt=""></div>
                        <span>产品名字</span>
                    </a>
                </li> -->
            </ul>
        </div>
    </div>
    <!-- 底部 -->
    <div class="Pro-foot" style="width: 100%; height: 350px; border-top: 1px solid #99d022;">
        <div class="Pro-footmain" style="width: 1200px; height: 280px; margin: 0 auto; position: relative; top:50px; ">
            <div class="Pro-mainleft" style="height: auto; font-size: 14px; float: left;">
                <div class="Pro-leftico" style="float: left; padding-top: 12px;">
                    <img src="http://www.mymrmao.com/images/pic109.png" alt="" style="float: left;" width="24">
                    <img src="http://www.mymrmao.com/images/pic144.png" alt=""
                        style="float: left; margin: 7.5rem -1.5rem;" width="24">
                </div>
                <div class="Pro-leftel">
                    <p>联系我们</p>
                    <strong class="Pro-telnum">13991809967</strong>
                    <div style="padding-top: 20px;">周一至周日：9:00-18:00</div>
                    <p style="padding-top: 30px;">合作邮箱</p>
                    <div style="padding-top: 5px;">service@myhuazhan.com</div>
                </div>
                <div class="Pro-leftico" style="float: left; margin-left: 50px; padding: 12px 0 0 50px;">
                    <img src="http://www.mymrmao.com/images/pic110.png" alt="" style="float: left;" width="24">
                    <img src="http://www.mymrmao.com/images/pic111.png" alt=""
                        style="float: left; margin: 7.5rem -1.5rem;" width="24">
                </div>
                <div class="Pro-leftaddr">
                    <p>公司地址</p>
                    <div style="padding-top: 5px;">江苏省南京市北纬国际中心B座3层</div>
                    <div style="padding-top: 5px;">江苏省宿迁市高新技术开发区开发大道101号</div>
                    <p style="  padding: 50px 0 5px 0;">友情链接</p>
                    <a href="" target="_blank">华展股份官网</a>
                    <a href="" target="_blank" style="padding: 0 10px;">华展候车亭</a>
                    <a href="" target="_blank" style="padding-right: 15px;">垃圾分类服务商</a>
                    <a href="" target="_blank">智能垃圾分类</a>
                    <a href="" target="_blank" style="padding: 0 10px;">中国环保网</a>
                    <a href="" target="_blank">江苏省生态环境厅</a>
                    <a href="" target="_blank">北极星环保网</a>
                    <a href="" target="_blank" style="padding: 0 10px;">环卫科技网</a>
                    <a href="" target="_blank">垃圾分类</a>
                </div>
            </div>
            <div class="Pro-mainright" style="float:right;">
                <div class="Pro-right2code">
                    <img src="http://placehold.it/125x125/fff/000000" alt="">
                    <div>微信公众号</div>
                </div>
                <div class="Pro-right2code">
                    <img src="http://placehold.it/125x125/fff/000000" alt="">
                    <div>新浪微博</div>
                </div>
                <div class="Pro-right2code">
                    <img src="http://placehold.it/125x125/fff/000000" alt="">
                    <div>手机APP下载</div>
                </div>
            </div>
        </div>
        <div class="Pro-footfinal" style="width: 100%; height: 70px;">
            2020 版权所有 © 南京猫先生环保科技有限公司
            <a href="http://www.beian.miit.gov.cn/" target="_blank">苏ICP备19005644号</a>
        </div>
    </div>
    <!-- 左侧菜单 -->
    <div class="Pro-leftmenu" style="width: 200px; height: auto;">
        <div class="Pro-menu">
            <ul>
                <li>
                    <a href="../Product.html">
                        <h1>01&nbsp;&nbsp;<span>全部产品</span></h1>
                    </a>
                </li>
                <li class="active">
                    <a href="02.html">
                        <h1 class="">02&nbsp;&nbsp;<span class="">智能垃圾房</span></h1>
                    </a>
                </li>
                <li>
                    <a href="03.html">
                        <h1 class="">03&nbsp;&nbsp;<span class="">智能分类亭</span></h1>
                    </a>
                </li>
                <li>
                    <a href="04.html">
                        <h1 class="">04&nbsp;&nbsp;<span class="">智能回收站</span></h1>
                    </a>
                </li>
                <li>
                    <a href="05.html">
                        <h1 class="">05&nbsp;&nbsp;<span class="">智能垃圾箱</span></h1>
                    </a>
                </li>
                <li>
                    <a href="06.html">
                        <h1 class="">06&nbsp;&nbsp;<span class="">智能兑换机</span></h1>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 咨询 留言 -->
    <div id="Pro-newBridge" style="width: auto; height: auto;">
        <div class="Pro-newico"></div>
        <div class="Pro-newmessage">
            <div class="Pro-messword">
                <p>请您留言</p>
                <p class="Pro-wordopen"></p>
            </div>
            <div class="Pro-messcontact">
                <p class="nb-nodeboard-company">南京猫先生环保科技有限公司</p>
                <p class="nb-nodeboard-link" style="color: #999; font-size: 12px;">咨询热线：400-119-7080</p>
            </div>
            <form autocomplete="off" action="" method="POST" accept-charset="utf-8">
                <textarea name="content" placeholder="请在此输入留言内容，我们会尽快与您联系。（必填）" class="Pro-messtext"></textarea>
                <div class="Pro-messinput">
                    <p></p>
                    <input name="visitorName" maxlength="30" type="text" placeholder="姓名">
                </div>
                <div class="Pro-messinput">
                    <p></p>
                    <input name="visitorName" maxlength="30" type="text" placeholder="电话（必填）">
                </div>
                <div class="Pro-messinput">
                    <p></p>
                    <input name="visitorName" maxlength="30" type="text" placeholder="地址">
                </div>
                <div class="Pro-messpost">
                    <input type="submit" value="发送" style="border: none;">
                </div>
            </form>
        </div>
    </div>
    <!-- 发送成功 -->
    <div class="Pro-success" style="display: none;">
        <span>×</span>
        <span>发送成功</span>
    </div>
    <!-- 产品列表 js-->
    <script>
    var products = [{
            aHref: "Product/404.html",
            imgSrc: "http://placehold.it/348x245/009999",
            productName: "产品名字"
        },
        {
            aHref: "Product/404.html",
            imgSrc: "http://placehold.it/348x245/009999",
            productName: "产品名字"
        },
        {
            aHref: "Product/404.html",
            imgSrc: "http://placehold.it/348x245/009999",
            productName: "产品名字"
        },
        {
            aHref: "Product/404.html",
            imgSrc: "http://placehold.it/348x245/009999",
            productName: "产品名字"
        },
        {
            aHref: "Product/404.html",
            imgSrc: "http://placehold.it/348x245/009999",
            productName: "产品名字"
        },
        {
            aHref: "Product/404.html",
            imgSrc: "http://placehold.it/348x245/009999",
            productName: "产品名字"
        }
    ];
    </script>
    <script src="../js/jquery.1.8.3.min.js" type="text/javascript"></script>
    <script src="../js/Product.js" type="text/javascript"></script>
</body>
</html>